body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    margin-top: 40px;
}

header,
footer,
nav,
section {
    display: block;
}

header, footer, nav, section, div, span, a, ul, li, ol, button
{
	box-sizing: border-box;
}

ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

li
{
	display: inline-block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* site elements
------------------------------------ */
#site-tool-bar 
{
	position: fixed;
}

.panel
{
	position: relative;
}

.tool-bar
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	border-width: 1px 0 2px 0;
	border-style: inset;
	border-color: #cfe7fa;
	background: #cfe7fa; /* Old browsers */
	background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
	
	-pie-background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
	behavior: behavior: url(AfterhoursEditor/Content/Pie/PIE.htc);
}

.tool-bar button {
	background: none repeat scroll 0 0 transparent;
	border-color: transparent;
	border-radius: 5px;
	border-style: outset;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	text-shadow: 1px 1px lightblue;
	font-family: "Trebuchet MS",Verdana,Helvetica,Sans-Serif;
	font-size: small;
  

}

	.tool-bar button:hover {
		border-color: lightblue;
		color: white;
		text-shadow: 2px 1px steelblue;
	}
	
.selection-list {
	width: 100%;
	border: 1px inset steelblue;
	border-radius: 5px;
	padding: 0px;
	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
	behavior: url(AfterhoursEditor/Content/Pie/PIE.htc);
}

.selection-list-item 
{
	background: url("../images/jquery-ui/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #dfeffc;
	border-color: lightblue transparent steelblue;
	border-style: solid;
	border-width: 1px 0;
	padding: 2px;
	width: 100%;
}

.selection-list-item:hover 
{
	background: url("../images/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% #dfeffc;
}

.selection-list-item.selected 
{
	background: url("../images/jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% 50% #dfeffc;
	border-color: White transparent Yellow;
	color: blue;
	
}

/* JQUERY UI OVERRIDES
-------------------------------------------------*/
.ui-accordion .ui-accordion-content
{
	padding: .65em .65em;
}